<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<body>

	<wicket:panel>

		<table class="table table-striped table-bordered">
			<thead>
				<tr>
					<th>Horario</th>
					<th>Vacantes ocupadas</th>
					<th>Vacantes totales</th>
					<th>Estado</th>
					<th>Acción</th>
				</tr>
			</thead>
			<tbody>
				<tr wicket:id="horarios">
					<td>
						<a wicket:id="link-horario" href="#" class="label" title="Ver turnos" rel="tooltip">
							<span wicket:id="horario"></span>
						</a> 
						<span wicket:id="hoy" class="label label-info margin-left-smallest"></span>
					</td>
					<td wicket:id="vacantes-ocupadas"></td>
					<td wicket:id="vacantes-totales"></td>
					<td wicket:id="estado"></td>
					<td class="adm-horarios-actions-column">
						<a wicket:id="boton-accion" class="btn btn-warning" href="#"><span wicket:id="texto-accion"></span></a>
					</td>
				</tr>
			</tbody>
			<tfoot>
			</tfoot>
		</table>
		<div wicket:id="horarios-navigator"></div>
		
		<div wicket:id="adm-turnos-panel"></div>
		
		<script type="text/javascript">

			$(this).tooltip({
				selector : "a[rel=tooltip]",
				animation : false
			});
			
			$("a.label").mouseenter(function() {
				$(this).addClass("label-info");
			}).mouseleave(function() {
				$(this).removeClass("label-info");
			});
		</script>

	</wicket:panel>

</body>
</html>